@charset "utf-8";
.all{
    width: 100%;
    background-color: #f5f5f5;
    overflow: auto;
// 第一部分导航
.zdy-yetou{
    width: 100%;
    background-color:#333 ;
.zdy-tou{
    width: 1250px;
    margin: auto;
    justify-content: space-between;

    .nav1{      
        height: 40px;
        >div{
            >a{height: 40px;
               color: #fff;  
    }
}
    }
    .nav2{
        .zdy-fu:hover{
           background-color: white;  
        }
        // .zdy-fu:hover + p{
        //    display: block; 
        //  }
       >div{
            >a{height: 40px;
                color: #fff;  
            >img{                     
            width: 24px;
            height: 22px;
        }
    }
}
    }
}
}
// 第二部分导航栏
.bozi{
    width: 100%;
    background-color: white;

    .zdy-navbar{
     
        .zdy-navbar1{
            margin: auto;
        width: 1250px;
        height: 102px;

        border-bottom: 1px solid black;
        position: relative;
        background-color: white;
        .nav1{
            list-style: none;
            position: absolute;
            vertical-align: middle;
            left: 0;
            a{
                color: #333333;
                line-height: 52px;
            img{
                width: 180px;
            height: 36px;
            }
        }
        }
        }
            .nav2{
                width: 420px;
                height: 36px;
                border-radius: 18px;
                border: 1px solid #e8e8e8;
                position: absolute;
                right: 0;
            .ul1{
                list-style: none;
               
                // background-color: yellow;
                .item1{
                    width: 100%;
                    padding-top: 3px;
                    .link1{
                    width: 90%;
                    border: 0;  
                    outline: none;
                    
                }
                }
           
                .item2{ 
                    img{
                    margin-left: -34px;
                    width: 24px;
                    height: 24px;
                 }
               
                }
            }
            .ul2{
                a{
                    color: #848484;
                }
            }

        }
    }
.zdy-bozi{
    width: 1250px;
    height: 192px;
    background-color: white;
    margin: auto;
    font-size: 14px;
        .zdy-row1{
            height: 48px;
            border-bottom: 1px solid #e5e5e5;
            .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block;
            padding-right: 0.5rem;
            padding-left: 0.5rem;
            content: ">"; 
          }
        }
        .zdy-row2{
            width: 100%;
            height: 48px;
            line-height: 48px;
            border-bottom: 1px solid #e5e5e5;
            a{color: #848484;}
            .zdy-ellipsis{
                display: block;
               white-space: nowrap;
               width: 89px;
               overflow: hidden;
                text-overflow: ellipsis;
            }
        }
        .zdy-row3{
            width: 100%;
            height: 48px;
            line-height: 48px;
            border-bottom: 1px solid #e5e5e5;
            a{color: #848484;}
        }
        .zdy-row4{
            width: 100%;
            height: 48px;
            line-height: 48px;
            border-bottom: 1px solid #e5e5e5;
            a{color: #848484;}
        }
              
}
}
// 第三部分商品列表
.zdy-shoplist{
   
    ul{
        width: 1250px;     
        list-style: none;
       padding-left: 0;
       margin: auto;
       li:hover  .btn{
        display: block;
        margin: auto;
    }

    li:hover{
        border: 1px solid red;
    }
    li{
        width: 238px;
        height: 310px;
        margin: 5px 5px 15px;
        padding: 0 5px 25px;
        background-color: white;
        a{
            text-decoration: none;
        }
        .btn{
            background-color: #fa5437;
            display: none;
        }
        
        .tu{
            height: 180px;
            padding:0px 15px 0px;
            img{
                width: 120px;
                height: 120px;
            }            
        }
        .name{
            color: #31373c;
        }
        .pice{
            color: #fa5437;
        }
        .btn{
            color: white;
        }
        a{
            display: block;
            margin: auto;
            text-align: center;
        }
    }
}
}
// 第四部分页脚
.footer{
    width: 100%;
    .one{
        height: 351px;
    width: 100%;  
    background-color: white;
    .footer1{
        width: 1240px;
        margin: auto;
        height: 351px;
        padding: 60px 0 60px;        
        .r1{
            height: 231px;
            font-size: 14px;
            a{
                color: #666666;
            }
            .c1{
                width: 320px;
                .pp{
                    border-bottom: 1px solid black;
                }
            }
            .c4{
                border-left: 1px solid black;
            }
        }
    }
}
     .two{
        height: 200px;
        background-color:#333 ;
    .footer2{
        width: 1240px;
        height: 200px;
       
        color: #ffffff;
            margin: auto;
        .r1{
           
            height: 81px;
            padding: 25px 0 25px;
            border-bottom: 1px solid #e8e8e8;
            a{
                font-size: 24px;
                color: #ffffff;
                margin-right: 150px;
        }
    }
        .r2{
            height: 119px;
            padding: 20px 0 21px;
            text-align: center;
            a{
                font-size: 14px;
                color: #ffffff;
            }
            p{
                font-size: 12px;
                margin: 0;
            }
        }
    }
}
}

}